<template>
  <p class="phoneNum">166****6599</p>
  <van-config-provider :theme-vars="loginButton">
    <van-button
      type="primary"
      size="large"
      block
      color="#b56cff"
      round
      class="personSty"
    >
      一键登录</van-button
    >
    <van-button
      type="primary"
      size="large"
      block
      color="#b56cff"
      round
      class="personSty"
      to="/phonelogin/otherphone"
      >其他手机号登陆</van-button
    >
    <van-button
      type="primary"
      size="large"
      block
      color="#b56cff"
      round
      class="personSty"
      to="/dmlogin"
      >DM登录</van-button
    >
  </van-config-provider>
</template>
<script>
import { ConfigProvider } from "vant";
export default {
  components: {
    ConfigProvider,
  },
  data() {
    return {
      loginButton: {
        ButtonLargeHeight: "0.44rem",
        ButtonDefaultFontSize: "0.14rem",
      },
    };
  },
};
</script>
<style lang="less" scoped>
.phoneNum {
  height: 0.12rem;
  text-align: center;
  line-height: 0.17rem;
  margin-top: 0.235rem;
  margin-bottom: 0.24rem;
  //   与下面的按钮的margin-top重叠了
  font-size: 0.17rem;
  white-space: nowrap;
}

button.personSty {
  width: 3.35rem;
  margin: 0 auto;
  margin-top: 0.12rem;
}
</style>
